<template>
  <div class="dashboard-container">
    <div class="dashboard-text">name: {{ name }}</div>
    <!-- 在组件上是不能直接绑定事件的, 事件可以绑定成功, 是子组件内部发布的这样的自定义事件
       在给某些组件绑定原生事件的时候 绑定不上, 说明这个组件没有发布这个事件, 需要加.native修饰符将这个事件
       作用到组件内部
    -->
    <MySon @click.native="fn" />
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import MySon from './MySon.vue'
export default {
  name: 'Dashboard',
  components: {
    MySon
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  },
  methods: {
    fn() {
      console.log(123)
    }
  }

}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
